<template>
  <!-- body页面 -->
  <div id="my-home">
    <!-- 公告 -->
    <my-notice></my-notice>

    <my-carousel></my-carousel>

    <my-fresh></my-fresh>

    <my-homeRecommend></my-homeRecommend>
  </div>
</template>

<script>
import Carousel from '@/components/Carousel.vue'
import Fresh from '@/components/Fresh.vue'
import HomeRecommend from '@/components/HomeRecommend.vue'
import Notice from '@/components/Notice.vue'

export default {
    components: {
        'my-carousel': Carousel,
        'my-fresh': Fresh,
        'my-homeRecommend': HomeRecommend,
        'my-notice': Notice
    },
    name: 'my-home',

    data () {
        return {}
    },
    methods: {},
    mounted () {

    }
}
</script>

<style scoped>
#my-home {
  width: 100%;
  height: auto;
  background-color: beige;
}
</style>
